<template>
  <el-container>
    <el-header style="padding: 0px;">
      <Hander></Hander>
    </el-header>
    <el-main style="padding: 0;">
      <div class="app-body">
        <div class="img"></div>
        <router-view />
      </div>
    </el-main>

    <el-footer style="padding: 0;">
      <Footer></Footer>
    </el-footer>
  </el-container>
</template>

<script>
import Hander from "../components/common/Hander.vue";
import Footer from "../components/common/Footer.vue";

export default {
  setup() {},
  components: { Hander, Footer }
};
</script>

<style lang="scss">
.app-body {
  width: 90%;
  height: 100%;
  margin: 0 auto;
}

.el-container {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}
</style>